<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layui-v2.4.5/layui/css/layui.css" media="all">
    <script src="../../js/jquery-3.3.1.min.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<blockquote class="layui-elem-quote layui-text">
    微信配置
</blockquote>



<form class="layui-form" action="###">
    <input id="" name="id" type="hidden" value="${record.id}">
    <div class="layui-form-item">
        <label class="layui-form-label">商铺遍号</label>
        <div class="layui-input-block">
            <input type="text" name="shopId" lay-verify="required" autocomplete="off" disabled="disabled" value="${record.shopId}" placeholder="请输入商铺标号" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">微信 appID</label>
        <div class="layui-input-block">
            <input type="text" name="appId" lay-verify="required" autocomplete="off" value="${record.appId}" placeholder="请输入微信 appID" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">微信 appsecret</label>
        <div class="layui-input-block">
            <input type="text" name="appSecret" lay-verify="required" autocomplete="off" value="${record.appSecret}" placeholder="请输入微信 appsecret" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">商户号</label>
        <div class="layui-input-block">
            <input type="text" name="mchId" lay-verify="required" autocomplete="off" value="${record.mchId}" placeholder="请输入商户号" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">商户平台的支付Key</label>
        <div class="layui-input-block">
            <input type="text" name="payKey" lay-verify="required" autocomplete="off" value="${record.payKey}" placeholder="请输入商户平台的支付Key" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">域名</label>
        <div class="layui-input-block">
            <input type="text" name="domain" lay-verify="required" autocomplete="off" value="${record.domain}" placeholder="请输入域名" class="layui-input">
        </div>
    </div>





    <!--<div class="layui-form-item layui-form-text">
      <label class="layui-form-label">编辑器</label>
      <div class="layui-input-block">
        <textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>
      </div>
    </div>-->
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit="" lay-filter="demo1">修改</button>
            <%--<button type="reset" class="layui-btn layui-btn-primary">重置</button>--%>
        </div>
    </div>
</form>
<script src="../../layui-v2.4.5/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');

        //自定义验证规则
        form.verify({
            title: function(value){
                if(value.length < 5){
                    return '标题至少得5个字符啊';
                }
            }
            ,pass: [
                /^[\S]{6,12}$/
                ,'密码必须6到12位，且不能出现空格'
            ]
            ,content: function(value){
                layedit.sync(editIndex);
            }
        });

        //监听指定开关
        form.on('switch(switchTest)', function(data){
            layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        //监听提交
        form.on('submit(demo1)', function(data){


            $.ajax({
                url: '/shop/addWeChat',
                type: 'POST', //GET
                async: true,    //或false,是否异步
                data: data.field,
                timeout: 5000,    //超时时间
                dataType: 'json',    //返回的数据格式：json/xml/html/script/jsonp/text
                beforeSend: function (xhr) {
                    /*console.log(xhr)
                     console.log('发送前')*/
                },
                success: function (data) {
                    console.log(data);
                    // if(data.result){
                    layer.msg("修改成功")
                    setTimeout(function () {
                        window.location.href = window.location.href
                    },1000)

                },
                error: function (xhr, textStatus) {
                    console.log('错误')
                    console.log(xhr)
                    console.log(textStatus)
                },
                complete: function () {
                    //console.log('结束')
                }
            });
            return false;//禁止跳转，否则会提交两次，且页面会刷新
            // return false;//禁止跳转，否则会提交两次，且页面会刷新
            // layer.alert(JSON.stringify(data.field), {
            //     title: '最终的提交信息'
            // })
            // return false;
        });

        //表单初始赋值
        form.val('example', {
            "username": "贤心" // "name": "value"
            ,"password": "123456"
            ,"interest": 1
            ,"like[write]": true //复选框选中状态
            ,"close": true //开关状态
            ,"sex": "女"
            ,"desc": "我爱 layui"
        })


    });
</script>

</body>
<%--</html>&lt;%&ndash;--%>
  <%--Created by IntelliJ IDEA.--%>
  <%--User: 伟--%>
  <%--Date: 2019/6/3--%>
  <%--Time: 17:36--%>
  <%--To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--&lt;%&ndash;--%>
  <%--Created by IntelliJ IDEA.--%>
  <%--User: 伟--%>
  <%--Date: 2019/6/3--%>
  <%--Time: 11:54--%>
  <%--To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page language="java" contentType="text/html; charset=UTF-8"--%>
         <%--pageEncoding="UTF-8" %>--%>
<%--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%--<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>--%>
<%--<%--%>
    <%--String path = request.getContextPath();--%>
    <%--String basePath = request.getScheme() + "://"--%>
            <%--+ request.getServerName() + ":" + request.getServerPort()--%>
            <%--+ path + "/";--%>
<%--%>--%>
<%--<html>--%>
<%--<head>--%>
    <%--<head>--%>
        <%--<title>Title</title>--%>
        <%--<script src="../../js/jquery-3.3.1.min.js" charset="utf-8"></script>--%>
        <%--<script src="../../js/cookie/jquery.cookie.js" charset="utf-8"></script>--%>
        <%--<script src="../../layui-v2.2.5/layui/layui.js" charset="utf-8"></script>--%>
        <%--<link rel="stylesheet" href="../../layui-v2.2.5/layui/css/layui.css" media="all">--%>
    <%--</head>--%>
<%--</head>--%>
<%--<body>--%>
<%--<br><br><br>--%>
<%--<div class="layui-form">--%>
    <%--<form class="layui-form" action="/shop/weChatconFiguration">--%>

        <%--<table class="layui-table" page="true">--%>
            <%--<tbody>--%>
            <%--<input id="id" name="id" value="${record.id}" type="hidden">--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">机构ID</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="shopId" layui-verify="required|shopId"--%>
                               <%--value="${record.shopId}"  autocomplete="off" class="layui-input" >--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">微信appID</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="appId"  lay-verify="required|appId"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.appId}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">微信</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="appSecret"   lay-verify="required|appSecret"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.appSecret}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">商户号</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="mchId" required  lay-verify="required|mchId"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.mchId}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">支付Key</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="payKey" required  lay-verify="required|payKey"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.payKey}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">原始ID</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="originalId" required  lay-verify="required|originalId"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.originalId}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">业务域名</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="domain" required  lay-verify="required|domain"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.domain}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">公众号名称</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="name" required  lay-verify="required|name"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.name}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">创建时间</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="createTime" required  lay-verify="required|createTime"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.createTime}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>
                <%--<div class="layui-form-item">--%>
                    <%--<label class="layui-form-label">接口</label>--%>
                    <%--<div class="layui-input-inline">--%>
                        <%--<input type="tel" name="type" required  lay-verify="required|type"--%>
                               <%--autocomplete="off" class="layui-input" value="${record.type}">--%>
                    <%--</div>--%>
                <%--</div><br>--%>

                <%--<div class="layui-form-item">--%>
                    <%--<div class="layui-input-block">--%>
                        <%--<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>--%>
                        <%--&lt;%&ndash;<button type="reset" class="layui-btn layui-btn-primary">重置</button>&ndash;%&gt;--%>
                    <%--</div>--%>
                <%--</div>--%>
            <%--</tbody>--%>
        <%--</table>--%>
    <%--</form>--%>
    <%--<div style="margin-top: 20rem"></div>--%>
<%--</div>--%>
<%--<script>--%>

    <%--layui.use('form', function(){--%>
        <%--var form = layui.form;--%>

        <%--//监听提交--%>
        <%--form.on('submit(formDemo)', function(data){--%>
            <%--//layer.msg(JSON.stringify(data.field));--%>
            <%--console.log(data)--%>
            <%--$.ajax({--%>
                <%--url:'/shop/addWeChat',--%>
                <%--type:'POST', //GET--%>
                <%--async:true,    //或false,是否异步--%>
                <%--data:data.field,--%>
                <%--timeout:5000,    //超时时间--%>
                <%--dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text--%>
                <%--beforeSend:function(xhr){--%>
                    <%--/*console.log(xhr)--%>
                     <%--console.log('发送前')*/--%>
                <%--},--%>
                <%--success:function(data){--%>
                    <%--console.log(data);--%>
                    <%--if (data.code=='000000'){--%>
                        <%--layer.msg(data.msg,{time:1000,icon: 6},function () {--%>
                            <%--var index = parent.layer.getFrameIndex(window.name);--%>
                            <%--//关闭当前frame--%>
                            <%--parent.layer.close(index);--%>
                        <%--});--%>
                        <%--// 获得frame索引--%>
                    <%--}else {--%>
                        <%--layer.msg(data.msg,{time:1000,icon: 5});--%>
                    <%--}--%>
                    <%--//console.log(data)--%>
                <%--},--%>
                <%--error:function(xhr,textStatus){--%>
                    <%--console.log('错误')--%>
                    <%--console.log(xhr)--%>
                    <%--console.log(textStatus)--%>
                <%--},--%>
                <%--complete:function(){--%>
                    <%--//console.log('结束')--%>
                <%--}--%>
            <%--});--%>
            <%--return false;--%>
        <%--});--%>
    <%--});--%>
<%--</script>--%>
<%--</body>--%>
<%--</html>--%>
